<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>promise介绍</title>
</head>
<body>
    
</body>
<script>
    // es6 推出promise对象，是一个异步编程的解决方案,比传统的解决方案更合理
    // 解决异步 回调地狱的问题
    let api = new Promise((resolve,reject)=>{
        setTimeout(() => {
            if(true){     // promise状态为 pending
                resolve('成功')   // resolve是成功回调   promise状态为fulfilled
            }else{
                reject('失败')    // reject是失败回调    promise状态为rejected
            }
        }, 2000);
    });


    // api => promise
    // api.then() => promisse.then()
    api.then((res)=>{
        console.log(res)
        console.log('promise 请求成功')
    })
    .catch((error)=>{
        console.log(error)
        console.log('promise 请求失败')
    })
</script>
</html>